<div class="table-page">
    <button class="btn-default pull-right btn-table-add">新增</button>
    <hr class="clear">
    <table class="table-box">
        <tr>
            <th>商品名称</th>
            <th>价格</th>
            <th>销量</th>
            <th>操作</th>
        </tr>
        <tr *ngFor="let commodity of commodityList">
            <td>{{commodity.commodityName}}</td>
            <td>¥ {{commodity.price}}</td>
            <td>0</td>
            <td>
                <button class="btn-success">修改</button>
                <button class="btn-warning">删除</button>
            </td>
        </tr>
    </table>
    <hr>
    <!--分页组件参数：pageSize,totalNum,curPage,totalPage-->
    <page [pageParams]="{pageSize:pageParams.pageSize,totalNum:pageParams.totalNum,curPage:pageParams.curPage,totalPage:pageParams.totalPage}"
          (changeCurPage)="getPageData($event)"></page>

</div>